import { Popup, Button } from '@fomantic-react/main';

export default () => {
  return (
    <>
      <Popup
        header="hehe"
        content="Hello. This is a wide pop-up which allows for lots of content with additional space. You can fit a lot of words here and the paragraphs will be pretty wide."
        position="bottom-start"
        size="massive"
      >
        <Button>aaaa</Button>
      </Popup>
      <Popup content="Tooltip">
        <button className="ui button" type="button">
          aaaa
        </button>
      </Popup>
      <button className="ui button" type="button" data-tooltip="Add users to your feed">
        aaaa
      </button>
    </>
  );
};
